<template>
	<view>
		<view class="head">
			<view class="">
				<image src="../../static/组 4@2x.png" mode=""></image>
			</view>
			<view class="head1">
				<view class="head11" style="text-align: center;">车辆类型</view>
				 <input
				 class="head12"
				    placeholder="  请输入内容"
				    border="surround"
				    clearable
				  ></input>
			</view>
			<view class="head1">
				<view class="head11" style="text-align: center;">车辆型号</view>
				 <input
				 class="head12"
				    placeholder="  请输入内容"
				    border="surround"
				    clearable
				  ></input>
			</view>
			<view class="head1">
				<view class="head11" style="text-align: center;">车牌号码</view>
				 <input
				 class="head12"
				    placeholder="  请输入您的车牌号码"
				    border="surround"
				    clearable
				  ></input>
			</view>
			<view class="head1">
				<view class="head11" style="text-align: center;">车主姓名</view>
				 <input
				 class="head12"
				    placeholder="  请输入您的姓名"
				    border="surround"
				    clearable
				  ></input>
			</view>
			<view class="head1">
				<view class="head11" style="text-align: center;">电话号码</view>
				 <input
				 class="head12"
				    placeholder="  请输入您的电话号码"
				    border="surround"
				    clearable
				  ></input>
			</view>
			
			<button class="button" @click="onUpload">上传车辆照片</button>
			
		</view>
		
		<view class="add" style="text-align: center;" @click="addcar">
			<text>添加车辆</text>
		</view>
	</view>
</template>

<script>
	
	
	
</script>

<style>
	.head{
		width: 95%;
		background-color: beige;
		margin: auto;
	}
	
	.head1{
		line-height: 80rpx;
		display: flex;
		justify-content: space-between;
		margin-left: 20rpx;
		margin-right: 20rpx;
		margin-bottom: 30rpx;
		
	}
	.head11{
		width: 200rpx;
		line-height: 80rpx;
		font-size: 32rpx;
		color: azure;
		background-color: aqua;
		border-radius: 100rpx;
		border: 1px solid #ddd;
	}
	.head12{
		height: 80rpx;
		width: 68%;
		border-radius: 100rpx;
		border: 1px solid #ddd;
	}
	
	.button {
	  width: 22%;  
	  padding: 10px;  
	  border: none;  
	  border-radius: 5px;  
	  background-color: #007aff;  
	  color: white;  
	  text-align: center;  
	  font-size: 16px;  
	}  
	
	
	
	
	
	
	.add{
		position: fixed;
		   bottom: calc( var(--window-bottom) + 3px);
		   margin:auto;
		   width: 95%;
		   background-color: aqua;
		   margin-left: 20rpx;
		   line-height: 100rpx;
		   /* 圆角 */
		   border-radius: 100rpx;
		   
		   font-size: 44rpx;
		   color: aliceblue;
		    
		    /* z-index: 1030; */
		    /* margin-bottom: 6; */
	}
</style>